//这是自定义导航栏样式

@import "../../css/base";

.head-panel{
  width: 750px;
  background-color: $th-color;
  flex-direction: row;
}

.middle-panel{
  width: 350px;
  justify-content: center;
  align-items: center;
}

@each $dir in ( left, right) {
  .#{$dir}-panel {
    width: 200px;
    flex-direction: row;
    @if $dir == left {
      justify-content: flex-start;
      padding-left: 10 * $px;
    }
    @if $dir == right {
      justify-content: flex-end;
      padding-right: 10 * $px;
    }
    align-content: center;
  }
}


.head-icon{
}

//中间字体样式
.middle-icon{
  color: $th-fc-white;
  font-size: $th-fs-lg;
  height: 25 * $px;
}

.icon-text{
  color: $th-fc-white;
  font-size: $th-fs-lg;
}

.left-icon-first{
  margin-right: 11 * $px;
}


.right-icon-first{
  margin-left: 11 * $px;
}
